<script>
    /**
     * vuex管理登陆状态，具体可以参考官方登陆模板示例
     */
    import {
        mapMutations
    } from 'vuex';

    export default {
        globalData: {
            ORDER_TAB_INDEX: 0,
            TAB_NEED_CHANGE: false,
        },
        onLaunch() {
            this.checkUserRole();
        },
        methods: {
            checkUserRole() {
                const userRole = uni.getStorageSync('userRole'); // 从存储中获取用户角色

                console.log(`正在以${userRole}身份创建底部导航栏`)
                if (userRole === 'boss') {
                    this.setupBossTabBar();
                } else if (userRole === 'merchant') {
                    this.setupMerchantTabBar();
                }
            },
            setupBossTabBar() {
                console.log('yeah')
                uni.setTabBar({
                    list: [{
                            "pagePath": "pages/boss/boss",
                            "text": "boss",
                            "iconPath": "static/tab-my.png",
                            "selectedIconPath": "static/tab-my-current.png"
                        },
                        {
                            "pagePath": "pages/boss/staff",
                            "text": "管理",
                            "iconPath": "static/tab-my.png",
                            "selectedIconPath": "static/tab-my-current.png"
                        }
                    ]
                });
            },
            setupMerchantTabBar() {
                uni.setTabBar({
                    list: [{
                            "pagePath": "pages/merchant/add",
                            "text": "add",
                            "iconPath": "static/tab-my.png",
                            "selectedIconPath": "static/tab-my-current.png"
                        },
                        {
                            "pagePath": "pages/merchant/merchant",
                            "text": "merchant",
                            "iconPath": "static/tab-my.png",
                            "selectedIconPath": "static/tab-my-current.png"
                        }
                    ]
                });
            }
        }
    }

    // export default {
    // 	methods: {
    // 		...mapMutations(['login'])
    // 	},
    // 	onLaunch: function() {
    // 		let userInfo = uni.getStorageSync('userInfo') || '';
    // 		if(userInfo.id){
    // 			//更新登陆状态
    // 			uni.getStorage({
    // 				key: 'userInfo',
    // 				success: (res) => {
    // 					this.login(res.data);
    // 				}
    // 			});
    // 		}

    // 	},
    // 	onShow: function() {
    // 		console.log('App Show')
    // 	},
    // 	onHide: function() {
    // 		console.log('App Hide')
    // 	},
    // }
</script>

<style lang='scss'>
    /*
		全局公共样式和字体图标
	*/
    @import "./static/styles/expand.scss";
    @import "./static/styles/generate.scss";
    @import "./static/styles/color.scss";

    @font-face {
        font-family: yticon;
        font-weight: normal;
        font-style: normal;
        src: url('https://at.alicdn.com/t/font_1078604_w4kpxh0rafi.ttf') format('truetype');
    }

    .yticon {
        font-family: "yticon" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .icon-yiguoqi1:before {
        content: "\e700";
    }

    .icon-iconfontshanchu1:before {
        content: "\e619";
    }

    .icon-iconfontweixin:before {
        content: "\e611";
    }

    .icon-alipay:before {
        content: "\e636";
    }

    .icon-shang:before {
        content: "\e624";
    }

    .icon-shouye:before {
        content: "\e626";
    }

    .icon-shanchu4:before {
        content: "\e622";
    }

    .icon-xiaoxi:before {
        content: "\e618";
    }

    .icon-jiantour-copy:before {
        content: "\e600";
    }

    .icon-fenxiang2:before {
        content: "\e61e";
    }

    .icon-pingjia:before {
        content: "\e67b";
    }

    .icon-daifukuan:before {
        content: "\e68f";
    }

    .icon-pinglun-copy:before {
        content: "\e612";
    }

    .icon-dianhua-copy:before {
        content: "\e621";
    }

    .icon-shoucang:before {
        content: "\e645";
    }

    .icon-xuanzhong2:before {
        content: "\e62f";
    }

    .icon-gouwuche_:before {
        content: "\e630";
    }

    .icon-icon-test:before {
        content: "\e60c";
    }

    .icon-icon-test1:before {
        content: "\e632";
    }

    .icon-bianji:before {
        content: "\e646";
    }

    .icon-jiazailoading-A:before {
        content: "\e8fc";
    }

    .icon-zuoshang:before {
        content: "\e613";
    }

    .icon-jia2:before {
        content: "\e60a";
    }

    .icon-huifu:before {
        content: "\e68b";
    }

    .icon-sousuo:before {
        content: "\e7ce";
    }

    .icon-arrow-fine-up:before {
        content: "\e601";
    }

    .icon-hot:before {
        content: "\e60e";
    }

    .icon-lishijilu:before {
        content: "\e6b9";
    }

    .icon-zhengxinchaxun-zhifubaoceping-:before {
        content: "\e616";
    }

    .icon-naozhong:before {
        content: "\e64a";
    }

    .icon-xiatubiao--copy:before {
        content: "\e608";
    }

    .icon-shoucang_xuanzhongzhuangtai:before {
        content: "\e6a9";
    }

    .icon-jia1:before {
        content: "\e61c";
    }

    .icon-bangzhu1:before {
        content: "\e63d";
    }

    .icon-arrow-left-bottom:before {
        content: "\e602";
    }

    .icon-arrow-right-bottom:before {
        content: "\e603";
    }

    .icon-arrow-left-top:before {
        content: "\e604";
    }

    .icon-icon--:before {
        content: "\e744";
    }

    .icon-zuojiantou-up:before {
        content: "\e605";
    }

    .icon-xia:before {
        content: "\e62d";
    }

    .icon--jianhao:before {
        content: "\e60b";
    }

    .icon-weixinzhifu:before {
        content: "\e61a";
    }

    .icon-comment:before {
        content: "\e64f";
    }

    .icon-weixin:before {
        content: "\e61f";
    }

    .icon-fenlei1:before {
        content: "\e620";
    }

    .icon-erjiye-yucunkuan:before {
        content: "\e623";
    }

    .icon-Group-:before {
        content: "\e688";
    }

    .icon-you:before {
        content: "\e606";
    }

    .icon-forward:before {
        content: "\e607";
    }

    .icon-tuijian:before {
        content: "\e610";
    }

    .icon-bangzhu:before {
        content: "\e679";
    }

    .icon-share:before {
        content: "\e656";
    }

    .icon-yiguoqi:before {
        content: "\e997";
    }

    .icon-shezhi1:before {
        content: "\e61d";
    }

    .icon-fork:before {
        content: "\e61b";
    }

    .icon-kafei:before {
        content: "\e66a";
    }

    .icon-iLinkapp-:before {
        content: "\e654";
    }

    .icon-saomiao:before {
        content: "\e60d";
    }

    .icon-shezhi:before {
        content: "\e60f";
    }

    .icon-shouhoutuikuan:before {
        content: "\e631";
    }

    .icon-gouwuche:before {
        content: "\e609";
    }

    .icon-dizhi:before {
        content: "\e614";
    }

    .icon-fenlei:before {
        content: "\e706";
    }

    .icon-xingxing:before {
        content: "\e70b";
    }

    .icon-tuandui:before {
        content: "\e633";
    }

    .icon-zuanshi:before {
        content: "\e615";
    }

    .icon-zuo:before {
        content: "\e63c";
    }

    .icon-shoucang2:before {
        content: "\e62e";
    }

    .icon-shouhuodizhi:before {
        content: "\e712";
    }

    .icon-yishouhuo:before {
        content: "\e71a";
    }

    .icon-dianzan-ash:before {
        content: "\e617";
    }





    view,
    scroll-view,
    swiper,
    swiper-item,
    cover-view,
    cover-image,
    icon,
    text,
    rich-text,
    progress,
    button,
    checkbox,
    form,
    input,
    label,
    radio,
    slider,
    switch,
    textarea,
    navigator,
    audio,
    camera,
    image,
    video {
        box-sizing: border-box;
    }

    /* 骨架屏替代方案 */
    .Skeleton {
        background: #f3f3f3;
        padding: 20upx 0;
        border-radius: 8upx;
    }

    /* 图片载入替代方案 */
    .image-wrapper {
        font-size: 0;
        background: #f3f3f3;
        border-radius: 4px;

        image {
            width: 100%;
            height: 100%;
            transition: .6s;
            opacity: 0;

            &.loaded {
                opacity: 1;
            }
        }
    }

    .clamp {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

    .common-hover {
        background: #f5f5f5;
    }

    /*边框*/
    .b-b:after,
    .b-t:after {
        position: absolute;
        z-index: 3;
        left: 0;
        right: 0;
        height: 0;
        content: '';
        transform: scaleY(.5);
        border-bottom: 1px solid $border-color-base;
    }

    .b-b:after {
        bottom: 0;
    }

    .b-t:after {
        top: 0;
    }

    /* button样式改写 */
    uni-button,
    button {
        height: 80upx;
        line-height: 80upx;
        font-size: $font-lg + 2upx;
        font-weight: normal;

        &.no-border:before,
        &.no-border:after {
            border: 0;
        }
    }

    uni-button[type=default],
    button[type=default] {
        color: $font-color-dark;
    }

    /* input 样式 */
    .input-placeholder {
        color: #999999;
    }

    .placeholder {
        color: #999999;
    }

    .u-empty {
        .u-icon__icon {
            margin-top: 30vh !important;
        }
    }
</style>